<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>社团集结号</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <script src="../editor/kindeditor-min.js"></script>


    <!-- Loading Bootstrap -->
    <link href="../Flat-UI-master/dist/css/vendor/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="../Flat-UI-master/dist/css/flat-ui.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">

    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../Flat-UI-master/dist/js/vendor/html5shiv.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/respond.min.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
    <![endif]-->


    <script src="../jquery/jquery-2.1.3.min.js.js"></script>

    <script type="text/javascript">
        $(function () {
            $("#backButtion").click(function () {
                document.location.href = "home.html";
            });
        });
    </script>
    <script type="text/javascript">
        var editor;
        KindEditor.ready(function (K) {
            editor = K
                    .create(
                    'textarea[name="content"]',
                    {
                        width: '600px',
                        cssPath: '<c:url value="/editor/plugins/code/prettify.css"/>',
                        uploadJson: '<c:url value="/editor/jsp/upload_json.jsp"/>',
                        fileManagerJson: '<c:url value="/editor/jsp/file_manager_json.jsp"/>',
                        allowFileManager: true,
                        resizeType: 0,
                        items: [
                            'source', 'justifyleft', 'justifycenter', 'justifyright',
                            'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent',
                            'quickformat', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'bold',
                            'italic', 'underline'
                        ],
                        afterCreate: function () {
                            var self = this;
                            K.ctrl(document, 13, function () {
                                self.sync();
                                document.forms['contributionform'].submit();
                            });
                            K.ctrl(self.edit.doc, 13, function () {
                                self.sync();
                                document.forms['contributionform'].submit();
                            });
                        },
                        afterBlur: function () {
                            this.sync();
                        }
                    });
        });
    </script>
</head>
<body style="background-color: #d8d6d3">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand" href="home.html">首页</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-01">
            <ul class="nav navbar-nav">

                <li><a href="organization_event_all.html">社团活动</a></li>
                <li><a href="organization_square_all.html">社团广场</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                        我的社团
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;已加入社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大学生会</a>
                        </li>

                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大广播台</span></a></li>


                        <li class="divider">
                        </li>
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;待审核社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大校青协</a>
                        </li>
                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大漂移板协会</span></a></li>
                        <li class="divider">
                        </li>
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;已关注社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大轮滑协会</a>
                        </li>
                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大职技学院学生会</span></a></li>
                    </ul>
                    <!-- /Sub menu -->
                </li>
                <li class="dropdown">
                    <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="../image/2.png" width="20px;" height="20px;"/> &nbsp;&nbsp;&nbsp;&nbsp;陈志兵
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="student_profile_manager.html">个人信息</a></li>
                        <li class="divider">
                        <li><a href="#">我关注的人</a></li>
                        <li class="divider">
                        <li><a href="login.html">退出</a></li>
                    </ul>
                    <!-- /Sub menu -->
                </li>
            </ul>


        </div>
        <!-- /.navbar-collapse -->
    </div>
</nav>
<!-- /navbar -->

<div class="container-fluid" style="margin-top:53px;padding-top:10px;padding-bottom:10px;background-color: #1abc9c">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-6 col-lg-6">
                <div class="btn-group btn-group-justified">
                    <a class="btn btn-primary" href="organization_profile.html">社团资料</a>
                    <a class="btn btn-primary active" href="organization_main.html">社团主页</a>
                    <a class="btn btn-primary" href="organization_member.html">成员信息</a>
                    <a class="btn btn-primary" href="organization_member_apply.html">成员申请</a>
                    <a class="btn btn-primary" href="">申请赞助</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid organization_background" style="padding-top: 50px;">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
                <center>
                    <img class="img-circle"
                         alt="140x140"
                         style="width: 140px; height: 140px;" src="../image/12.jpg"
                         data-holder-rendered="true"/>
                </center>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-offset-4 col-sm-4 col-md-4 col-lg-4" style="height:180px;">
                <div class="row" style="height: 50px">
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <p class="text-center">河北师大学生会</p>
                    </div>
                </div>

                <div class="row" style="height: 50px">
                    <div class="col-sm-12 col-md-12 col-lg-12">
                        <p class="text-center">一起玩漂移，刷街更有趣。</p>
                    </div>
                </div>
                <div class="row">
                    <button type="button" class="btn btn-block btn-lg btn-inverse">管理后台
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>


<!--<img height="300px;" width="1700px" src="../image/1.png"/>-->
<div class="container-fluid" style="margin-top: 20px;">
    <div class="container">
        <div class="row">
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main.html"><p class="text-center">首页</p></a>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main_profile.html"><p class="text-center">资料</p></a>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main_event.html"><p class="text-center">活动</p></a>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main_news.html"><p class="text-center">新鲜事</p></a>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main_photos.html"><p class="text-center">相册</p></a>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <a href="organization_main_messages.html"><p class="text-center">留言板</p></a>
            </div>
        </div>
        <div class="row" style="">
            <div class="col-sm-1 col-md-1 col-lg-1" style="height:5px; background-color: #2c3e50">

            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">

            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">

            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">

            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">

            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">

            </div>
        </div>


        <div class="row" style="margin-top: 20px;">
            <div class="col-sm-1 col-md-2 col-lg-2">
                <img src="../image/tip.png" width="10px" height="20px;"/>发布内容
            </div>
        </div>

        <div class="row" style="margin-top: 20px;">
            <div class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2">
                <a href="#" data-toggle="modal" data-backdrop="static"
                   data-target="#releaseEventModal">
                    <img class="img-circle"
                         alt="140x140"
                         style="width: 100px; height: 100px;" src="../image/event.png"
                         data-holder-rendered="true"/>
                </a>
            </div>
            <div class="col-sm-2 col-md-2 col-lg-2">
                <a href="#" data-toggle="modal" data-backdrop="static"
                   data-target="#releaseNewsModal">
                    <img class="img-circle"
                         alt="140x140"
                         style="width: 100px; height: 100px;" src="../image/news.png"
                         data-holder-rendered="true"/>
                </a>
            </div>
            <div class="col-sm-2 col-md-2 col-lg-2">
                <a href="#" data-toggle="modal" data-backdrop="static"
                   data-target="#releasePhotosModal">
                    <img class="img-circle"
                         alt="140x140"
                         style="width: 100px; height: 100px;" src="../image/photo.png"
                         data-holder-rendered="true"/>
                </a>
            </div>
        </div>
        <hr/>

        <div class="row" style="margin-top: 20px;">
            <div class="col-sm-2 col-md-2 col-lg-2">
                <img src="../image/tip.png" width="10px" height="20px;"/>社团成员
            </div>
        </div>


        <div class="row" style="margin-top: 20px;">
            <div class="col-lg-offset-1 col-sm-1 col-md-1 col-lg-1">
                <center>
                    <a href="student_profile_main.html">
                        <img class="img-circle"
                             alt="140x140"
                             style="width: 50px; height: 50px;" src="../image/3.jpg"
                             data-holder-rendered="true"/>
                    </a>
                </center>
                <p class="text-center" style="color: #090909;">陈志兵</p>
            </div>

            <div class="col-sm-1 col-md-1 col-lg-1">
                <center>
                    <a href="student_profile_main.html">
                        <img class="img-circle"
                             alt="140x140"
                             style="width: 50px; height: 50px;" src="../image/3.jpg"
                             data-holder-rendered="true"/>
                    </a>
                </center>
                <p class="text-center" style="color: #090909;">陈志兵</p>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <center>
                    <a href="student_profile_main.html">
                        <img class="img-circle"
                             alt="140x140"
                             style="width: 50px; height: 50px;" src="../image/3.jpg"
                             data-holder-rendered="true"/>
                    </a>
                </center>
                <p class="text-center" style="color: #090909;">陈志兵</p>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <center>
                    <a href="student_profile_main.html">
                        <img class="img-circle"
                             alt="140x140"
                             style="width: 50px; height: 50px;" src="../image/3.jpg"
                             data-holder-rendered="true"/>
                    </a>
                </center>
                <p class="text-center" style="color: #090909;">陈志兵</p>
            </div>
            <div class="col-sm-1 col-md-1 col-lg-1">
                <center>
                    <a href="student_profile_main.html">
                        <img class="img-circle"
                             alt="140x140"
                             style="width: 50px; height: 50px;" src="../image/3.jpg"
                             data-holder-rendered="true"/>
                    </a>
                </center>
                <p class="text-center" style="color: #090909;">陈志兵</p>
            </div>

            <div class="col-sm-2 col-md-2 col-lg-2" style="margin-top: 20px;">
                <a href="">查看更多</a>
            </div>
        </div>


        <hr/>
        <div class="row" style="margin-top: 20px;">
            <div class="col-sm-2 col-md-2 col-lg-2">
                <img src="../image/tip.png" width="10px" height="20px;"/>社团活动
            </div>
        </div>
        <hr/>

        <div class="row" style="margin-top: 20px;">
            <div class="col-sm-2 col-md-2 col-lg-2">
                <img src="../image/tip.png" width="10px" height="20px;"/>新鲜事
            </div>
        </div>
        <hr/>

        <div class="row" style="margin-top: 20px;">
            <div class="col-sm-2 col-md-2 col-lg-2">
                <img src="../image/tip.png" width="10px" height="20px;"/>最新相册
            </div>
        </div>
        <hr/>
    </div>
</div>


<div class="container-fluid" style="margin-top:50px; height:250px;background-color: #bdc3c7">
    <div class="container">
        <div class="row" style="padding-top: 20px">
            <div class="col-sm-4 col-md-4 col-lg-4">
                说明<br/>
                社团集结号为仿照<a href="http://st.renren.com/">社团人</a>采用<a href="http://www.bootcss.com/">Bootstrap</a> <a
                    href="http://designmodo.com/flat/">Faltui</a> 开源框架而做的社团交流平台，仅供学习交流之用，一切版权归<a
                    href="http://st.renren.com/">社团人</a>所有。
            </div>
            <div class="col-sm-8 col-md-8 col-lg-8">
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        关于
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        联系方式
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        友情链接
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        特别感谢
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">关于我们</a><br/>
                        <a href="#">广告合作</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">电子邮件</a><br/>
                        <a href="#">新浪微博</a><br/>
                        QQ:641041018<br/>
                        <a href="#">地址</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="http://www.bootcss.com/">Bootstrap中文网</a><br/>
                        <a href="http://designmodo.com/flat/">Flat UI</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        韩冬梅<br/>
                        向蓉<br/>
                        冯猛<br/>
                        孙雪飞<br/>
                        刘钘<br/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 发布活动 -->
<div class="modal fade bs-example-modal-lg" id="releaseEventModal" role="dialog" aria-labelledby="releaseEventTitle"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="form-horizontal" role="form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h6 class="modal-title" id="releaseEventTitle">发布活动</h6>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12">
                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">活动标题</p></label>

                                    <div class="col-sm-8">
                                        <input class="form-control" type="text" id="formGroupInputDefault"
                                               placeholder="请填写活动标题">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">活动分类</p></label>

                                    <div class="col-sm-2">
                                        <select class="form-control">
                                            <option>纳新</option>
                                            <option>晚会</option>
                                        </select>
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">活动地址</p></label>

                                    <div class="col-sm-3">
                                        <select class="form-control">
                                            <option>河北省</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-2">
                                        <select class="form-control">
                                            <option>河北师范大学</option>
                                            <option>河北师范大学</option>
                                            <option>河北师范大学</option>
                                            <option>河北师范大学</option>
                                            <option>河北师范大学</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-2">
                                        <input class="form-control" type="text" id="formGroupInputDefault"
                                               placeholder="学校具体地点">
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="col-sm-12 col-md-12 col-lg-12">
                                    <div class="row">
                                        <div class="form-group">
                                            <label class="col-sm-2 col-md-2 col-lg-2 control-label"
                                                   for="formGroupInputDefault">
                                                <p class="text-right">活动时间</p></label>

                                            <div class="col-sm-2">
                                                <input class="form-control" type="text" id="formGroupInputDefault"
                                                       placeholder="开始时间">
                                            </div>
                                            <div class="col-sm-2">
                                                <select class="form-control">
                                                    <option>08:00</option>
                                                    <option>08:30</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group">
                                            <div class="col-lg-offset-2 col-sm-2">
                                                <input class="form-control" type="text" id="formGroupInputDefault2"
                                                       placeholder="结束时间">
                                            </div>
                                            <div class="col-sm-2">
                                                <select class="form-control">
                                                    <option>08:00</option>
                                                    <option>08:30</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">主办方</p></label>

                                    <div class="col-sm-3">
                                        <input class="form-control" type="text" id="formGroupInputDefault"
                                               placeholder="请填写真实姓名">
                                    </div>
                                </div>
                            </div>


                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">活动规模</p></label>

                                    <div class="col-sm-2">
                                        <select class="form-control">
                                            <option>20-50</option>
                                            <option>50-70</option>
                                            <option>70-100</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group">
                                    <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                        <p class="text-right">活动描述</p></label>

                                    <div class="col-sm-8">
                                        <textarea class="form-control" name="content" rows="10"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <div class="row">
                        <div class="col-lg-offset-7 col-sm-2 col-md-2 col-lg-2">
                            <button type="button" class="btn btn-block btn-lg btn-inverse" data-dismiss="modal">取消
                            </button>
                        </div>
                        <div class="col-sm-3 col-md-3 col-lg-3">
                            <button type="submit" class="btn btn-block btn-lg btn-primary" id="modalBackButtion">发布
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 发布新鲜事 -->
<div class="modal fade bs-example-modal-lg" id="releaseNewsModal" role="dialog" aria-labelledby="releaseNewsTitle"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="form-horizontal" role="form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h6 class="modal-title" id="releaseNewsTitle">发布新鲜事</h6>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group">
                            <label class="col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                <p class="text-right">内容</p></label>

                            <div class="col-sm-8">
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-lg-offset-7 col-sm-2 col-md-2 col-lg-2">
                            <button type="button" class="btn btn-block btn-lg btn-inverse" data-dismiss="modal">取消
                            </button>
                        </div>
                        <div class="col-sm-3 col-md-3 col-lg-3">
                            <button type="submit" class="btn btn-block btn-lg btn-primary">发布
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<!-- 发布相册 -->
<div class="modal fade bs-example-modal-lg" id="releasePhotosModal" role="dialog" aria-labelledby="releasePhotosTitle"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form class="form-horizontal" role="form">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h6 class="modal-title" id="releasePhotosTitle">发布相册</h6>
                </div>
                <div class="modal-body">



                    <div class="row">
                        <div class="form-group">
                            <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                                <p class="text-right">相册名称</p></label>

                            <div class="col-sm-6">
                                <input class="form-control" type="text" id="formGroupInputDefault"
                                       placeholder="相册名称">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-offset-1 col-sm-10 col-md-10 col-lg-10" style="height: 500px; background-color: #bdc3c7">
                            <div class="row">
                                <div class="col-lg-offset-4 col-sm-4 col-md-4 col-lg-4" style="padding-top: 200px;">
                                    <button type="button" class="btn btn-block btn-lg btn-inverse" data-dismiss="modal">
                                        点击上传照片
                                    </button>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-offset-2 col-sm-8 col-md-8 col-lg-8" style="padding-top: 80px;">
                                    <center><h5>每次最多可以上传100张照片</h5></center>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="row">
                        <div class="col-lg-offset-7 col-sm-2 col-md-2 col-lg-2">
                            <button type="button" class="btn btn-block btn-lg btn-inverse" data-dismiss="modal">取消
                            </button>
                        </div>
                        <div class="col-sm-3 col-md-3 col-lg-3">
                            <button type="submit" class="btn btn-block btn-lg btn-primary">发布
                            </button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
<script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../Flat-UI-master/dist/js/vendor/video.js"></script>
<script src="../Flat-UI-master/dist/js/flat-ui.min.js"></script>
</body>
</html>
